<!DOCTYPE html>
<html lang="zh-cn">
    <head>
        <meta charset="UTF-8"/>
        <meta name="viewport" content="width=device-width, user-scalable=no, initial-scale=1.0, maximum-scale=1.0, minimum-scale=1.0" />
        <meta http-equiv="X-UA-Compatible" content="IE=edge,chrome=1" />
        <title>Document</title>
        <style>
            .shadow {
                -moz-box-shadow: 3px 3px 4px #000;
                -webkit-box-shadow: 3px 3px 4px #000;
                box-shadow: 3px 3px 4px #000;
                /* For IE 8 */
                -ms-filter: "progid:DXImageTransform.Microsoft.Shadow(Strength=4, Direction=135, Color='#000000')";
                /* For IE 5.5 - 7 */
                filter: progid:DXImageTransform.Microsoft.Shadow(Strength=4, Direction=135, Color='#000000');
            }
            .boxShadow{
                width:200px;
                height:200px;
                background-color:#fff;
                border:1px solid #ccc;

                /*Internet Explorer 8 */

                -ms-filter:"progid:DXImageTransform.Microsoft.Shadow(color=#CCCCCC,direction=0,strength=12)progid:DXImageTransform.Microsoft.Shadow(color=#CCCCCC,direction=90,strength=12)";
                　　　　　　  /*progid:DXImageTransform.Microsoft.Shadow(color=#CCCCCC,direction=90,strength=6),
                　　　　　　　progid:DXImageTransform.Microsoft.Shadow(color=#CCCCCC,direction=180,strength=6),
                　　　　　　　progid:DXImageTransform.Microsoft.Shadow(color=#CCCCCC,direction=270,strength=6);*/

                /* 低于Internet Explorer 版本8 */

                *filter: progid:DXImageTransform.Microsoft.Shadow(color=#CCCCCC, direction=0, strength=6) 
                　　　　　　progid:DXImageTransform.Microsoft.Shadow(color=#CCCCCC, direction=90, strength=6) 
                　　　　　　progid:DXImageTransform.Microsoft.Shadow(color=#CCCCCC direction=180, strength=6) 
                　　　　　　progid:DXImageTransform.Microsoft.Shadow(color=#CCCCCC, direction=270, strength=6);

                /*标准浏览器*/
                box-shadow:0px 0px 6px #CCC;
            }
        </style>
    </head>
    <body>
        <div class="container">
            <img class="shadow" src="http://image.zhangxinxu.com/image/study/s/s256/mm13.jpg" />
        </div>
        <div class="boxShadow"></div>
    </body>
</html>